<!doctype html>
<html class="no-js">

<head>
    <title>拼团结果</title>
    <#include "/res/components/meta.html" />
    <#include "/res/components/stylesheets.html" />
    <link rel="stylesheet" type="text/css" href="/res/stylesheets/groupBuyingResult.css">
</head>

<body>
    <div id="app">
        <div class="result-container">
            <div class="top-user">
                <img src="${user.logo!''}" class="am-img-thumbnail am-circle" />
                <span>${user.name!''}</span>
            </div>
            <div class="group-buying-container">
                <#if orderStatus>
                    <div><i class="am-icon-check-circle am-icon-lg"></i></div>
                    <div>拼团成功</div>
                </#if>
                <#if !orderStatus>
                    <div><i class="am-icon-times-circle am-icon-lg"></i></div>
                    <div>拼团失败</div>
                </#if>
            </div>
            <!-- <div class="group-buying-button">
                <button type="button" class="am-btn am-btn-default am-btn-lg am-round" @click="goPay(1234)">拼团价支付368元购买</button>
            </div> -->
        </div>
        <div class="information-container">
            <div class="information-title">注意事项</div>
            <div class="information-content">
                <p>1. XXXXXXXXXXXXXX</p>
                <p>2. XXXXXXXXXXXXXXXXXXXXXXXX</p>
                <p>3. XXXXXXXXXXXXXXXXXX</p>
                <p>4. XXXXXXXXXXXXXX</p>
                <p>5. XXXXXXXXXXXXXXXXXXXXXXXX</p>
                <p>6. XXXXXXXXXXXXXXXXXX</p>
                <p>7. XXXXXXXXXXXXXX</p>
                <p>7. XXXXXXXXXXXXXX</p>
                <p>7. XXXXXXXXXXXXXX</p>
            </div>
        </div>
        <div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default bottom-container" id="">
            <div class="am-g">
                <div class="am-u-sm-6 bottom-item">
                    <button type="button" class="am-btn am-btn-secondary" @click="shareToTimeLine">朋友圈求拼团</button>
                </div>
                <div class="am-u-sm-6 bottom-item">
                    <button type="button" class="am-btn am-btn-secondary" @click="shareToAppMessage">微信群求拼团</button>
                </div>
            </div>
        </div>
        <div class="fullscreen-cover" :style="coverStyle">
            <div class="fullscreen-cover-background" @click="hideCover"></div>
            <div class="fullscreen-cover-content">
                <!-- <img src="" /> -->
                <span>点击右上角分享</span>
            </div>
        </div>
    </div>
    <#include "/res/components/scripts.html" />
    <#include "/res/components/wxConfig.html" />
    <script type="text/javascript">
    var app = new Vue({
        el: '#app',
        data: {
            coverStyle: "display: none;"
        },
        methods: {
            shareToTimeLine: function() {
                this.coverStyle = "display: block;";
            },
            shareToAppMessage: function() {
                this.coverStyle = "display: block;";
            },
            hideCover: function() {
                this.coverStyle = "display: none;";
            }
        }
    })
    wx.ready(function() {
        wx.hideAllNonBaseMenuItem();
        var title = '善小姐的美食'
        var desc = '我用${(order.fee/100.0)!0}元买到了${product.name!'
        '}'
        var imgUrl = "${product.cover!''}"
        var link = '${host}/group/findGroupProduct/${shareCode!}'
        initWXShareAll(title, desc, link, imgUrl)
    })
    </script>
</body>

</html>